<div class="row">
    <div class="col-md-4">
        <div class="smart-widget">
            <div class="smart-widget-header">
                业务流程
            </div>
            <div class="smart-widget-inner">
                <div class="smart-widget-body">
                    <form class="no-margin" id="formValidate1" data-validate="parsley" novalidate="">
                        <ul id="tree" class="ztree" ></ul>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="smart-widget">
            <div class="smart-widget-header">
                业务列表
            </div>
            <div class="smart-widget-inner">
                <div class="smart-widget-body">
                    <table class="table">
                        <thead>
                        <tr>
                            <th class="column-title" style="display: table-cell;">显示名称</th>
                            <th class="column-title" style="display: table-cell;">定义名称</th>
                            <th class="column-title" style="display: table-cell;">说明</th>
                            <th class="column-title" style="display: table-cell;">发布版本</th>
                            <th class="column-title" style="display: table-cell;">最后编辑时间</th>
                            <th class="column-title" style="display: table-cell;">路径</th>
                            <th class="column-title" style="display: table-cell;">版本状态</th>
                            <th class="column-title" style="display: table-cell;">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr onclick="tagscheck(this);" class="even pointer" th:each="data,iterStat : ${datas?.content}">
                            <td th:text="${data.department}">漠河-地市-事件上报流程</td>
                            <td th:text="${data.dname}">YC-DS</td>
                            <td th:text="${data.instruction}">地市上报</td>
                            <td th:text="${data.version}">1-1</td>
                            <td th:text="${#dates.format(data.cdate, 'yyyy-MM-dd')}">2018-6-11</td>
                            <td th:text="${data.path}"></td>
                            <td th:text="${data.status}=='1'?'已启用':'未启用'">已启用</td>
                            <td><button class="btn-xs btn-primary">浏览</button>
                                <button class="btn-xs btn-success">修改</button>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div id="pagination" class="col-md-12 pagination" th:replace="pagination :: pagination"> </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        $('tbody tr:even').addClass("showbg")
    })
    var zTreeObj,
        setting = {
            view: {
                selectedMulti: false
            },
            check: {
                enable: true
            },
            data: {
                simpleData: {
                    enable: true
                }
            }
        },
        zTreeNodes = [
            {"name":"网站导航", open:true, children: [
                { "name":"google", "url":"http://g.cn", "target":"_blank"},
                { "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
                { "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
            ]
            },
            {"name":"网站导航", open:true, children: [
                { "name":"google", "url":"http://g.cn", "target":"_blank"},
                { "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
                { "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
            ]
            },
            {"name":"网站导航", open:true, children: [
                { "name":"google", "url":"http://g.cn", "target":"_blank"},
                { "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
                { "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
            ]
            }
        ];

    $(document).ready(function(){
        zTreeObj = $.fn.zTree.init($("#tree"), setting, zTreeNodes);

    });
</script>